<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>注册页面</title>
		<!-- 引入我们初始化样式文件 -->
		<link rel="stylesheet" href="css/base.css">
		<!-- 引入register.css -->
		<link rel="stylesheet" type="text/css" href="css/register.css"/>
	</head>
	<body>
		<div class="w">
			<!-- header -->
			<div class="header">
				<div class="logo">
					<a href="index.html">
						<img src="images/logo.png" >
					</a>
				</div>
			</div>
		
			<!-- registerarea -->
			<div class="registerarea">
				<h3>
					注册新用户
					<em>
						<div class="login">我有账号，去<a href="#">登陆</a></div>
					</em>
				</h3>
				<div class="res_form">
					<form action="demo.php" method="">
						<ul>
							<li>
								<!-- lable for id -->
								<label for="tel">手机号:</label>
								<input type="text" class="inp" id="tel"/>
								<span class="erro">
									<i class="error_icon">
										
									</i>
									手机号码格式不正确，请从新输入
								</span>
							</li>
							<li>
								<label>短信验证码:</label>
								<input type="text"/>
							</li>
							<li>
								<label>登录密码:</label>
								<input type="text" class="inp"/>
								<span class="success">
									<i class="success_icon">
									</i>
									恭喜您输入正确
								</span>
							</li>
							<li class="safe">
								安全程度 
								 <em class="ruo">弱</em>
								 <em class="zhong">中</em>
								 <em class="qiang">强</em>
							</li>
							<li>
								<label>确认密码:</label>
								<input type="text" class="inp"/>
								<span class="success">
									<i class="success_icon">
									</i>
									恭喜您输入正确
								</span>
							</li>
							<li class="agree">
								<input type="checkbox">
								同意协议并注册
								 <a href="#">《知晓用户协议》</a>
							</li>
							<li>
								<input type="submit" value="完成注册" class="tijiao">
								
							</li>
						</ul>
										
					</form>
				</div>
			</div>
		
			<!-- footer -->
			<div class="footer">
				<div class="links">
					<a href="#">关于我们</a> | <a href="#">联系我们</a> | 联系客服 | 商家入驻 | 营销中心 | 手机品优购 | 友情链接 | 销售联盟 | 品优购社区 |
					品优购公益 | English Site | Contact U
				</div>
				
				<div class="copyright">
					地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn <br>
					京ICP备08001421号京公网安备110108007702
				</div>
			</div>
		</div>
	</body>
</html>
